.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 1%;
  padding-left: 1%;
}
.col-md-4,
.col-sm-6{
  position: relative;
  min-height: 1px;
  padding-right: 2%;
  padding-left: 2%;
  padding-bottom:1%
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media screen and (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 48%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 46%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media screen and (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 23%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

.w1520 {
  width: 84%;
  margin: 0 auto;
}

.w1520_1 {
  width: 84%;
  margin: 0 auto;
}

.fl {
  float: left;
  display: inline;
}

.fr {
  float: right;
  display: inline;
}
  

video {

  background-color: #000;

  display: block;

}

.sybg {

  background-color: #f5f5f5;

}


.close:hover {

  transform: rotateZ(90deg);

  transition: transform 0.3s ease 0s;

}


.lastli {

  padding-right: 0;

}


html, body {

  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;

}


header {

  background-color: #fff;

  width: 100%;

  position: fixed;
  
  left: 0;

  z-index: 9999;

  box-shadow: 0 1px 20px rgba(0,0,0,0.15);

}

header.on {

  top: 0;

  transition: all 0.5s ease-out 0s;

}



header .wrap {

  height: 90px;

  padding-left: 5%;

  background-color: #fff;

}

footer{

  position: relative;

  z-index: 100;

}

.logo {

  display: block;

  position: relative;

  z-index: 100;
  
  margin-top:14px;
  
  padding-left:2%;

}

.logo img {

  padding-top: 2px;

  display: block;

}

.allcarbtn {

  width: 16px;

  height: 14px;

  margin-top: 8px;

  margin-right: 10px;

  position: relative;

  background: url(../images/langarr.png) no-repeat center;

  background-size: 9px 6px;

  transform:rotateZ(-180deg);

  transition:all 0.5s ease 0s;

}

.navbtn {

  width: 16px;

  height: 14px;

  margin-top: 8px;

  position: relative;

}

.navbtn .line {

  position: absolute;

  top: 0;

  left: 0;

  width: 16px;

  height: 2px;

  background-color: #004b93;

}

.navbtn .line:nth-child(1) {

  top: 0;

  transition: all 0.5s;

}

.navbtn .line:nth-child(2) {

  top: 5px;

  opacity: 1;

  transition: all 0.5s;

}

.navbtn .line:nth-child(3) {

  top: 10px;

  transition: all 0.5s;

}

.allpro.cur {

  background-color: #f5f5f5;

}

.allpro.cur .allcarbtn{

    transform:rotateZ(0deg);

    transition:all 0.5s ease 0s;

  }

.mune {

  float: left;

  border-left: 1px #ededed solid;

  border-right: 1px #ededed solid;

  margin-left: 72px;

  margin-right: 16px;

  padding: 32px 22px;

  cursor: pointer;

}

.mune span {

  font-size: 14px;

  color: #c3072c;

}

.mune.cur .navbtn .line {

  width: 14px;

}

.mune.cur .navbtn .line:nth-child(1) {

  transform-origin: left center;

  transform: rotateZ(45deg);

  transition: all 0.5s;

}

.mune.cur .navbtn .line:nth-child(2) {

  opacity: 0;

  transition: all 0.5s;

}

.mune.cur .navbtn .line:nth-child(3) {

  transform-origin: left center;

  transform: rotateZ(-45deg);

  transition: all 0.5s;

}

.lgr li {

  font-size: 14px;

}

.lgr li a {

  display: block;

  color: #333;

  padding: 21px 21px;

}

.lgr li:hover a, .lgr li.cur a {

  color: #c3072c;

}

.topnav .topnavbtn {

  margin: 0;

  border-right: none;

  display: none;

}

nav {

  float: left;

}

nav ul li {

  float: left;

  background-size: 1px 11px;

  position: relative;

}

nav ul li dl {

  display: none;

  position: absolute;

  top: 90px;

  margin-left: -76px;

  left: 50%;

  background-color: #fff;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);

}

nav ul li dl dd {

  width: 178px;

}

nav ul li dl dd a {

  display: block;

  padding-left: 22px;

  border-bottom: 1px #e0e0e0 solid;

  line-height: 47px;

  color: #666;

  font-size: 14px;

  position: relative;

}

nav ul li dl dd a:hover {

  color: #fff;

  background-color: #004b93;

  border-color: transparent;

}

nav ul li dl dd a:hover::after {

  content: "";

  display: block;

  width: 5px;

  height: 8px;

  position: absolute;

  top: 50%;

  right: 22px;

  margin-top: -4px;

  background: url(../images/pcnavarr.png) no-repeat center;

}

nav ul li a {

  font-size: 16px;

  color: #444;

  transition: all 0.3s;

}

nav ul li .pcnavh {

  display: block;

  line-height: 90px;

  padding: 0 32px;

  position: relative;

}

nav ul li:last-child {

  background-image: none;

}

nav ul li:hover .pcnavh {

  color: #004b93;

}

nav ul li.cur .pcnavh {

  color: #d93831;

}


.lang {

  width: 85px;

  border-left: 1px #ededed solid;

  background: url(../images/langarr.png) no-repeat 54px center;

  background-size: 9px 6px;

}

.lang a {

  line-height: 90px;

  display: none;

  font-size: 18px;

  color: #004b93;

}

.lang a.cur {

  display: block;

}



.topsearch {

  position: relative;

}

.topsearch .topsearch-active {

  cursor: pointer;

  width: 70px;

  height: 90px;

  background: url(../images/searchbtn.png) no-repeat center;

  background-size: 20px 20px;

  background-color: #004b93;

}

.search-alert {

  position: fixed;

  z-index: 1006;

  background-color: #222222;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: none;

}

.search-alert .close {

  display: block;

  width: 18px;

  height: 18px;

  background: url(../images/yy-ico_37.png) no-repeat center;

  position: absolute;

  top: 38px;

  right: 2.6%;

  cursor: pointer;

  transition: transform 0.3s ease 0s;

}

.search-alert .topsearch-form {

  position: absolute;

  width: 94.8%;

  left: 2.6%;

  top: 50%;

  height: 124px;

  margin-top: -63px;

  border-bottom: 1px solid #515151;

}

.search-alert .topsearch-form .topsearchbtn {

  cursor: pointer;

  width: 124px;

  height: 124px;

  border: none;

  background: url(../images/searchbtn.png) no-repeat center;

  background-color: #004b93;

  background-size: 20px 20px;

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 1001;

  outline: none;

}

.search-alert .topsearch-form .topsearchtx {

  border: none;

  font-size: 52px;

  height: 124px;

  line-height: 124px;

  text-align: center;

  width: 100%;

  box-sizing: border-box;

  color: #555;

  background: none;

  padding-left: 88px;

  padding-right: 80px;

  background: url(../images/ico_36.png) no-repeat 35px 53px;

  outline: none;

}


.ad-box-pc {
  margin-top: 90px;
}
.ad-box-pc-m{
display:none;
}
.ad-box-pc .swiper-container-pc {
  overflow: hidden;
  position: relative;
}
.ad-box-pc .swiper-container-pc:hover .swiper-button-next-pc {
  opacity: 1;
}
.ad-box-pc .swiper-container-pc:hover .swiper-button-prev-pc {
  opacity: 1;
}
.ad-box-pc .top-banner {
  width: 100%;
  position: relative;
}
.ad-box-pc .swiper-slide {
  overflow: hidden;
}
.ad-box-pc .swiper-slide img {
  width: 100%;
  transition: 2.5s linear;
  transform: scale(1.05);
}
.ad-box-pc .swiper-slide-active img {
  transform: scale(1);
}
.ad-box-pc .swiper-pagination {
  position: absolute;
  bottom: 25px;
  z-index: 99;
}
.ad-box-pc .swiper-pagination-bullet {
  border-radius: 0px;
  border:1px #fff solid;
  background:none;
  height: 14px;
  width: 14px;
  opacity: 1;
  border-radius: 50%;
}
.ad-box-pc .swiper-pagination-bullet-active {
  height: 14px;
  width: 14px;
}
.ad-box-pc .swiper-pagination-bullet-active::before {

  content: "";

  display: block;

  width: 8px;

  height: 8px;

  background-color: #fff;

  border-radius: 50%;

  margin-left: 3px;

  margin-top: 3px;

}
.ad-box-pc .swiper-button-next-pc {
  width: 32px;
  height: 54px;
  cursor: pointer;
  position: absolute;
  right: 3%;
  top: 50%;
  margin-top: -27px;
  background: url("../images/next_03.png") no-repeat center;
  z-index: 6;
  opacity: 0.5;
}
.ad-box-pc .swiper-button-prev-pc {
  width: 32px;
  height: 54px;
  cursor: pointer;
  position: absolute;
  left: 3%;
  top: 50%;
  margin-top: -27px;
  background: url("../images/prev_03.png") no-repeat center;
  z-index: 6;
  opacity: 0.5;
}
.ad-box .swiper-container5 {
  overflow: hidden;
}
.ad-box .top-banner {
  width: 100%;
  position: relative;
}
.ad-box img {
  width: 100%;
}
.ad-box .swiper-pagination {
  position: absolute;
  bottom: 4px;
  z-index: 99;
}
.ad-box .swiper-pagination-bullet {
  background: #fff;
  border-radius: 0px;
  height: 3px;
  width: 16px;
  opacity: 1;
}
.ad-box .swiper-pagination-bullet-active {
  background: #004b93;
}

.sybd{

  position: relative;

  overflow:hidden;

}

.sybd .loader{

  top:30%;

}

.sybd>img{

  width: 100%;

}

.banner.flexslider{

  overflow:hidden;

  z-index: 2;
  
  margin-top:90px;

}

.banner ul {

  height: 100%;

}

.banner ul li {

  width:100%;

  /*height: 100%;*/

  min-height: 446px;

  position: relative;

  overflow: hidden;

}

.banner ul li img{

  opacity: 0;

}

.banner ul li .banloader{

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #fff;

}

.banner ul li .loader{

  width: 50px;

  height: 50px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -25px 0 0 -25px;

  font-size: 10px;

  border-top: 1px solid rgba(0, 0, 0, 0.08);

  border-right: 1px solid rgba(0, 0, 0, 0.08);

  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  border-left: 1px solid rgba(0, 0, 0, 0.5);

  border-radius: 50%;

  -webkit-animation: spinner 700ms infinite linear;

  -webkit-animation: spinner 700ms infinite linear;

}

.banner ul li video {

  position: absolute;

  top: 0;

  left: 0;

}

.mbanner{

  display: none;

  overflow: hidden;

}

.mbanner ul {

  height: 100%;

}

.mbanner ul li {

  height: 100%;

  position: relative;

  overflow: hidden;

}

.mbanner ul li a{

  display: block;

  width: 100%;

  height: 100%;

  position: relative;

}

.mbanner ul li a span{

  display: block;

  z-index: -1;

}

.mbanner ul li img{

  opacity: 0;

  filter: alpha(opacity=0);

}

.mbanner ul li video {

  position: absolute;

  top: 0;

  left: 0;

  background-color: #000;

}

.mbanner .flex-control-nav{

  bottom:10px;

}

.flex-control-nav li {

  width: 14px;

  height: 14px;

  border: 1px #fff solid;

  border-radius: 50%;

  overflow: hidden;

}

.flex-control-nav li .flex-active::before {

  content: "";

  display: block;

  width: 8px;

  height: 8px;

  background-color: #fff;

  border-radius: 50%;

  margin-left: 3px;

  margin-top: 3px;

}



.flex-control-paging li a {

  width: 14px !important;

  height: 14px !important;

}


.f5{
	background: #f5f5f5;
	padding-bottom:50px;
}


.syv {

  border-bottom: 10px #fff solid;

  position: relative;
  
  padding-top:45px;

}

.syv .syvideo {

  width: 45%;

  position: relative;

  overflow: hidden;
  
  padding:100px 5%;

}
.syv .col-lg-6{ 

  flex:0 0 100%; 
  
  max-width:100%;
  
}

.introduction-img_area{

  background-color: rgba(238,238,238,.8);
  
  border-radius: 5px;
  
  margin-right: 50px;
}

.introduction-img_area_1{
  
  margin-right: 0px;
}

.syv .syvideo-mob{

	display: none;

}

.syv .syvideo .Img_pc{

    box-shadow: 0 10px 37px 0 rgba(0, 0, 0, .23);
	
    border-radius: 5px;
	
    position: relative;
    
	top: -40px;
    
	left: 40px;

}

.syv .syvideo b {

  display: block;

  width: 81px;

  height: 81px;

  background: url(../images/syvi.png) no-repeat center;

  background-size: 81px 81px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -40px;

  margin-left: -40px;

}

.syv .syvtx {

  width: 45%;

  box-sizing: border-box;

  padding-right: 4%;

  padding-top: 5%;

}

.syv .syvtx i {

  display: block;

  width: 48px;

  height: 3px;

  background-color: #0149ab;

  margin: 24px 0 40px;

}

.syv .syvtx .ht {

  font-size: 26px;

  color: #333;

  line-height: 48px;

}

.syv .syvtx .ht span {

  display: block;

}

.syv .syvtx .ct {

  font-size: 16px;

  color: #555;

}

.syv .syvtx .ct p{

  padding-bottom:15px;
   
}

.syv .syvtx .bt {

  font-size: 12px;

  line-height: 18px;

  color: #fff;

  max-width: 400px;

}



.learnmore {

  display: block;

  width: 198px;

  height: 50px;

  line-height: 50px;

  margin-top: 30px;

  position: relative;
  
  background:#0149ab;

  transition: all 0.5s ease 0s;

}

.learnmore .btntx {

  position: absolute;

  top: 0;

  left: 0;

  padding-left: 18px;

  box-sizing: border-box;

  display: block;

  font-size: 14px;

  color: #fff;

  width: 100%;

  height: 100%;

  background: transparent url(../images/learnarr.png) no-repeat 160px center;

  background-size: 8px 14px;

  z-index: 2;

  transition: all 0.5s ease 0s;

}

.learnmore .btnbg {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  background-color: #f5f5f5;

  transition: width 0.5s ease 0s;

  z-index: 1;

}

.learnmore:hover {

  border-color: #f28d01;

  transition: all 0.5s ease 0s;

}

.learnmore:hover .btntx {

  color: #333;

  background: rgba(1, 73, 171, 0.25) url(../images/learnarrcur02.png) no-repeat 160px center;

  background-size: 8px 14px;

  transition: all 0.5s ease 0s;

}

.learnmore:hover .btnbg {

  width: 100%;

  transition: width 0.5s ease 0s;

}

.learnmore_1 {

  display: block;

  width: 198px;

  height: 50px;

  line-height: 50px;

  margin-top: 30px;

  border: 2px #cecece solid;

  position: relative;

  transition: all 0.5s ease 0s;

}

.learnmore_1 .btntx {

  position: absolute;

  top: 0;

  left: 0;

  padding-left: 18px;

  box-sizing: border-box;

  display: block;

  font-size: 14px;

  color: #666;

  width: 100%;

  height: 100%;

  background: transparent url(../images/learnarrcur03.png) no-repeat 160px center;

  background-size: 8px 14px;

  z-index: 2;

  transition: all 0.5s ease 0s;

}

.learnmore_1 .btnbg {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  background-color: #004b93;

  transition: width 0.5s ease 0s;

  z-index: 1;

}

.learnmore_1:hover {

  border-color: #004b93;

  transition: all 0.5s ease 0s;

}

.learnmore_1:hover .btntx {

  color: #fff;

  background: rgba(0, 75, 147, 0.25) url(../images/learnarr.png) no-repeat 160px center;

  background-size: 8px 14px;

  transition: all 0.5s ease 0s;

}

.learnmore_1:hover .btnbg {

  width: 100%;

  transition: width 0.5s ease 0s;

}


.i-sec-wrap {
  background-color: #f4f4f2;
  margin-bottom:24px;
}
.i-sec-wrap .img-box {
  width: 64%;
  display: block;
  position: relative;
  overflow: hidden;
}
.i-sec-wrap .img-box img {
  width: 100%;
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
}
.i-sec-wrap .img-box:hover img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.i-sec-wrap .img-box:hover .up-graybox {
  opacity: 1;
  filter: alpha(opacity=1);
}
.i-sec-wrap .right-cont {
  width: 29%;
  margin-right: 3.9%;
  color: #fff;
  padding-top: 88px;
}
.i-sec-wrap .right-cont .stit {
  font-size: 36px;
  font-weight:bold;
  color:#333;
  line-height: 60px;
}
.i-sec-wrap .right-cont .mtit{
  line-height: 32px;
  font-size:18px;
  color:#555;
}
.i-sec-wrap .right-cont .link-box{
  margin-top: 66px;
}
.i-sec-wrap .right-cont .link-box h3{
  display: inline-block;
}
.i-sec-wrap .right-cont .link-box a{
  display: inline-block;
  line-height: 40px;
  height: 40px;
  font-size: 18px;
  margin-bottom: 14px;
  border: 1px solid #555;
  padding: 0 32px;
  border-radius: 25px;
  margin-right: 10px;
  color: #555;
  transition: all 0.3s ease 0s;
  float: left;
}
.i-sec-wrap .right-cont .link-box a:hover{
  border: 1px solid #0149ab;
  background-color: #0149ab;
  color: #fff;
}
.i-sec-wrap .left-cont {
  width: 29%;
  margin-left: 3.9%;
  color: #fff;
  padding-top: 88px;
}
.i-sec-wrap .left-cont .stit {
  font-size: 36px;
  font-weight:bold;
  color:#333;
  line-height: 60px;
}
.i-sec-wrap .left-cont .mtit{
  line-height: 32px;
  font-size:18px;
  color:#555;
}
.i-sec-wrap .left-cont .link-box{
  margin-top: 66px;
}
.i-sec-wrap .left-cont .link-box h3{
  display: inline-block;
}
.i-sec-wrap .left-cont .link-box a{
  display: inline-block;
  line-height: 40px;
  height: 40px;
  font-size: 18px;
  margin-bottom: 14px;
  border: 1px solid #555;
  padding: 0 32px;
  border-radius: 25px;
  margin-right: 10px;
  color: #555;
  transition: all 0.3s ease 0s;
  float: left;
}
.i-sec-wrap .left-cont .link-box a:hover{
  border: 1px solid #0149ab;
  background-color: #0149ab;
  color: #fff;
}


.i-column-wrap .line {
  display: block;
  width: 10px;
  height: 2px;
  background-color: #9a9a9a;
  margin-top: 20px;
  margin-bottom:25px;
}

.i-wrap .up-graybox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease 0s;
}
.i-wrap .up-graybox .bgbox {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.i-wrap .up-graybox .stit {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  color: #fff;
}
.i-wrap .up-graybox .line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
}
.i-wrap .up-graybox .linet {
  top: 0;
}
.i-wrap .up-graybox .lineb {
  bottom: 0;
}
.i-wrap .up-graybox .out-ico {
  display: none;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.i-wrap .up-graybox:hover .line {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}


.pr{
	position: relative;
}
.limit{
	max-width: 1440px;
	margin: 0 auto;
}
.middle:after{
	content:'';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.middle-text{
    display: inline-block;
    vertical-align: middle;
}

.middle2:before{
	content:'';
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}


.swiper-container-index2 .swiper-slide{
	padding-bottom: 0;
}
.index-main .module2{
	position: relative;
	background-color: #302f37;
}

.index-module2-bg{
	max-width: 100%;
	width: 100%;
	z-index: 1;
}
.swiper-container-index2 .swiper-slide{
	font-size: 0;
	background-color: #fff;
}
.index-module2-logo{
	position: absolute;
	right: 0;
	top: 0;
	max-height: 100%;
	z-index: 2;
}
.swiper-container-index2 .swiper-slide .content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	margin: auto;
	color: #fff;
	z-index: 5;
}
.swiper-container-index2 .swiper-slide .content h2{
	font-size: 48px;
	color:#fff;
}
.swiper-container-index2 .swiper-slide .content span{
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 40px;
	display: block;
	font-weight: lighter;
}
.swiper-container-index2 .swiper-slide .content p{
	font-size: 16px;
}
.index-module2-cp{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.swiper-pagination-index2{
	position: absolute;
	right: 0;
	left: 0;
	top: 10%;
	margin: auto;
	text-align: right;
	z-index: 4;
	bottom: auto;
}
.swiper-pagination-index2 a{
	display: inline-block;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.5);
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	opacity: 1;
	border-radius: 60px;
	margin: 0 5px;
}
.swiper-pagination-index2 .selected{
	background-color: #0149AB;
}

.swiper-container-index2 img.index-module2-cp{
	max-height: 75%;
	left: 0;
	margin: auto;
}
.swiper-index2-img{
	position: absolute;
	right: 0;
	top: 0;
	height:75%;
	width: 45%;
	text-align: center;
}
.swiper-container-index2 .swiper-slide .content .content-text{
	position: relative;
	z-index: 2;
}

.module2 .more{
	width: 170px;
	height: 50px;
	line-height: 50px;
	background-color: #e2e2e2;
	color: #3b4245;
	display: block;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	transition: all .5s;
	-webkit-transition: all .5s;
	margin-top:80px;
}


.data {
  margin-top: 4%;
}
.data .member, .data .work, .data .honor, .data .store {
  width: 25%;
  text-align:center;
  background: url(../images/dataline.jpg) no-repeat right center;
}
.data .num {
  font-size: 68px;
  color: #0149ab;
  line-height: 1;
  font-family:Oswald;
}
.data .num i {
  font-style: normal;
}
.data .num span {
  font-size: 18px;
  margin-left: 5px;
}
.data .sm {
  padding-left: 25px;
  font-size:18px;
}

.data .store {
  background: none;
}

.profile-wrap .cont{
  width: 100%;
  margin-top: 65px;
  font-size: 16px;
  color:#333333;
  line-height: 2.3;
}

.profile-wrap{
  padding-top: 115px; 
     padding-bottom: 135px; 
    transition: normal;
}
.profile-wrap .f48 {
    font-size: 40px;
    color: #0149AB;
    line-height: 50px;
	font-weight:bold;
    margin-bottom: 10px;
}
.wrap{ padding:0 0; width:100%;}
.profile-wrap .f36{
	font-size: 40px;
	line-height: 40px;
	color: #dddddd;
	font-family: Arial;
	text-transform: uppercase;
}
.profile-wrap.m-wrap .f36{
	font-size: 15px;
	line-height: 18px;
}
.profile0-about-wrap .left-images{
	width: 45%;
	margin-left:3%;
	height:auto;
}
.profile0-about-wrap .left-images img{
	transition:.5s ease;
}
.profile0-about-wrap .left-images:hover img{
	transition:.5s ease;
	transform:scale3d(1.05,1.05,1);
}
.profile0-about-wrap .right-words{
	width: 100%!important;
	float:none;
}

.profile0-about-wrap .right-words p{ text-indent:2em;}


.profile-wrap .cont:after{
	content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.profile-wrap .cont .boxs{
	width: 43%;
	margin-right: 6%;
	font-size: 14px;
	line-height: 26px;
	float: left;
}

@media screen and (max-width: 1850px){
   .profile0-about-wrap .left-images{
    width:45%;
    height: auto;
  }
  .profile0-about-wrap .left-images img{
    width: 100%;
  }
  .profile0-about-wrap .right-words{
    width: 53%;
  }
  .profile-wrap {
      padding-top: 0px;
      padding-bottom: 0px;
  }
  .profile-wrap .cont{
    margin-top:50px;
  }
  .profile-wrap .f48{
    font-size: 45px;
    line-height: 1;
  }
  .profile-wrap .f36{
    font-size: 35px;
    line-height: 1;
  }
}

@media screen and (max-width: 1023px) {
.profile0-about-wrap .left-images{
  	margin-right:0;
  }
  .profile-wrap .f48{
    font-size: 25px;
  }
  .profile-wrap .f36{
    font-size: 20px;
  }
  .profile0-about-wrap .left-images{
    width:100%;
  }
  .profile0-about-wrap .right-words{
    width: 100%;
    margin-top: 20px;
  }

}

.abHor {
    padding:0 0;
}

.abHor .abHor_bg {
    background: #f4f4f4;
    padding: 38px;
}

.abHor_img {
    width: 100%;
    height: 34vh;
    margin-bottom: 14px;
    padding-bottom: 28px;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px dotted rgba(27, 47, 95, 0.28);
}

.abHor_img img {
    width: 90%;
    height: 100%;
    object-fit: contain;
    transition: all .3s ease;
}

.abHor_p {
    font-size: 15px;
    line-height: 1.6;
    transition: all .3s ease;
    text-align: center;
}


.abHor .swiper-button {
    margin-top: 28px;
    text-align: center;
}

.abHor .swiper-button-next::after,
.abHor .swiper-button-prev::after {
    content: none;
}

.abHor .swiper-button-next,
.abHor .swiper-button-prev {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px dotted rgba(27, 47, 95, 0.28);
    left: auto;
    display: inline-block;
    margin: 0px 10px;
    background: rgba(27, 47, 95, 0);
    transition: all 0.8s;
}

.abHor .swiper-button-next img,
.abHor .swiper-button-prev img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    margin: 0 auto;
}

.abHor .swiper-button-next:hover,
.abHor .swiper-button-prev:hover {
    background: rgba(27, 47, 95, 1);
}

.abHor .swiper-button-next:hover .abDeve_arr_ico,
.abHor .swiper-button-prev:hover .abDeve_arr_ico {
    display: none;
}

.abHor .swiper-button-next:hover .abDeve_arr_hover,
.abHor .swiper-button-prev:hover .abDeve_arr_hover {
    display: block;
}

.abHor .swiper-button-next .abDeve_arr_hover,
.abHor .swiper-button-prev .abDeve_arr_hover {
    display: none;
}


.g-sec45 {
  background-image: url('../images/index-bg4.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom:2%;
}
.g-sec45 .box-cen .title.show {
}
.title dt {
  font-size: 36px;
  text-align:center;
  font-weight:bold;
}

.title {
  margin: 2rem 0 3% -5%;
  opacity: 0;
  transition: all 1s
}

.title.show {
  opacity: 1;
  margin: 3% 0 3% 0;
}

.title dd {
  font-size: 20px;
  color: #999;
  line-height: 1.8
}

.product_box {}

.product_div {
  width: 100%;
  padding-bottom: 32.8%;
  position: relative;
  overflow: hidden;
  margin-top: 3.7%;
  margin-bottom:3.7%;
}

.product_div ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.product_div ul li {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.product_div ul li a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.product_div ul li em {
  display: block;
  width: 100%;
  height: calc(100%);
  overflow: hidden;
  position: relative;
}

.product_div ul li em i {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.product_div ul li h5 {
  font-size: 0.18rem;
  text-align: center;
  margin-top: 0.24rem;
}

.product_div ul li div {
  position: absolute;
  top: 33px;
  left: 11px;
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  background-color: rgba(1, 73, 171, 0.85);
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.5s;
}


.product_div ul li .ts_a div::after {
  display: none;
}

.product_div ul li div img {
  vertical-align: top;
}

.product_div ul li div h6 {
  flex-shrink: 0;
  width: 100%;
  margin-top: 0.2rem;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.product_div ul li.li1 {
  width: 49%;
}

.product_div ul li.li2 {
  width: 50%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}

.product_div ul li.li2 a {
  flex-shrink: 0;
  width: 49%;
  height: 49%;
}

.product_div ul li.li2 a:nth-of-type(3) {
  width: 100%;
  height: 49%;
}

.product_div ul li.li2 a:nth-of-type(3) em {
  height: 100%;
}

.product_div ul li.li2 a:nth-of-type(3) h5 {
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
}

.product_div ul li.li3 {
  width: 17%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}

.product_div ul li.li3 a {
  flex-shrink: 0;
  width: 100%;
  height: 56%;
}

.product_div ul li.li3 a:nth-of-type(2) {
  width: 100%;
  height: 42%;
}

.pc_box {}

.develop .swiper3 {
  opacity: 1;
  transform: translateX(0);
}

.yd_box {
  display: none;
}

.yd_box::after {
  content: "";
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.yd_box img {
  width: 100%;
  vertical-align: top;
}


.productYd_div {}

.productYd_div ul {}

.productYd_div ul li {
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  margin-top: 16%;
}

.productYd_div ul li a {
  display: block;
  padding: 14px 16px;
  position: relative;
}

.productYd_div ul li .cp_img {
  width: 28%;
  position: absolute;
  left: 10%;
  bottom: 4%;
}

.productYd_div ul li div {
  text-align: right;
}

.productYd_div ul li div img {
  width: 34px;
  vertical-align: top;
}

.productYd_div ul li div h6 {
  font-size: 16px;
  white-space: nowrap;
  margin-top: 10px;
}

.productYd_div ul li div span {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  background-color: #e31e3e;
  width: 80px;
  height: 32px;
  border-radius: 32px;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  transform: translateY(30px);
}


.yd_qqgd {
  display: none;
}

@media screen and (min-width:1200px) {
  .product_div ul li a:hover div {
    opacity: 1;
    top: 11px;
  }
}


.index-news {
	width:100%;
	background:#fff;
	overflow:hidden;
	margin-top:40px;
}
.index-news-title {
	font-size:36px;
	line-height:1;
	color:#000;
	font-weight:bold;
	float:left;
}
.index-news-more {
    font-size: 16px;
    line-height: 36px;
    color: #000;
    background: url(../images/icon21.png) right center no-repeat;
    padding-right: 35px;
	text-align:right;
    display: block;
    right: 5px;
    top: 30px;
}

.news-recommend-list {
  margin-bottom:52px;
  margin-top:52px;
}

.news-recommend-list {
  position: relative;
  overflow: hidden;
  padding-left: 5px;
  margin-left: -5px;
}
.news-recommend-list ul {
  width: 102%;
  padding-bottom: 10px;
}
.news-recommend-list li {
  float:left;
  width: 31.3%;
  margin-right: 2%;
  transition: box-shadow 0.3s ease 0s;
}
.news-recommend-list li:hover .img img {
  transform: scale(1.05, 1.05);
  transition: transform 0.6s ease 0s;
}
.news-recommend-list li:hover .img .up-gray {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.news-recommend-list .img {
  display: block;
  position: relative;
  overflow: hidden;
}
.news-recommend-list .img .bgimg {
  width: 100%;
}
.news-recommend-list .img img {
  transform: translateZ(0px);
  transition: transform 0.3s ease 0s;
  height: 32vh;
  object-fit: cover;
}
.news-recommend-list .date{ width:88px; height:31px; background-color:rgba(1,73,171,0.9);  position: absolute;top:30px; right:0; float:right; text-align: center; font-size:14px; color:#FFFFFF; line-height:31px; z-index:999;}
.news-recommend-list .img .up-gray {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background-color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.3s ease 0s;
}
.news-recommend-list .cont-wrap {
  width:100%;
  padding-top: 18px;
  padding-bottom: 10px;
  border: 1px solid #f8f8f8;
  margin-left:0;
}
.news-recommend-list .cont-wrap .cont {
  width: 90%;
  margin: 0 auto;
}
.news-recommend-list .cont-wrap .tit {
  font-size: 18px;
  line-height: 30px;
}
.news-recommend-list .cont-wrap .tit a {
  display: block;
  color: #000;
  height: 30px;
  position: relative;
  overflow: hidden;
  padding-top: 3px;
  padding-bottom: 3px;
}
.news-recommend-list .cont-wrap .word {
  display: block;
  line-height: 24px;
  font-size: 16px;
  margin-top: 4px;
  height: 85px;
}
.news-recommend-list .cont-wrap .word a {
  display: inline-block;
}
.news-recommend-list .cont-wrap .bot-link {
  line-height: 46px;
  border-top: 1px solid #e5e5e5;
  display: block;
  width: 100%;
}
.news-recommend-list .cont-wrap .bot-link .more {
  font-size: 14px;
  display: inline-block;
}

.news-recommend-list .cont-wrap .bot-link .link-point {
  display: inline-block;
  width: 24px;
  height: 8px;
  background: url(../images/ico_08.png) no-repeat center;
  margin-top: 18px;
}
.news-recommend-list .cont-wrap .bot-link:hover .link-point {
  background: url(../images/ico_08_h.png) no-repeat right center;
}

.news-recommend-list.m-scroll {
  display: none;
  padding-left: 0;
  margin-left: 0;
}
.news-recommend-list.m-scroll li {
  margin-right: 0;
}


/*footer*/
.footer{ padding: 40px 0 70px;background: url(../images/footer.jpg)center center/cover no-repeat local;}
.footer .footnav{padding:30px 0 15px 0;overflow:hidden;}
.footer .footnav .box{border-right:1px solid #484848;}
.footer .footnav ul{float:left;float:left;}
.footer .footnav ul li{line-height:14px;font-size:14px;color:#fff;}
.footer .footnav ul li.dt{margin-bottom:20px;}
.footer .footnav ul li.dt a{color:#fff; font-size:18px; font-weight:600;}
.footer .footnav ul li a{color:#fff; font-size:14px;}
.footer .footnav ul li a:hover{color:#fff;}
.footer .footnav ul li.dd{line-height:30px;height:30px;}
.footer .contact{min-height:161px;color:#999;float:right;}
.footer .contact p{font-size:30px;font-family:arial;height:35px;line-height:35px;}
.footer .contact dl{font-size:14px;line-height:28px;margin-top:17px;}
.copyright{height:80px;line-height:80px;text-align:left;color:#fff;font-size:14px; background:#192b4e;}
.copyright a{color:#fff;}
.copyright-txt{float:left;}
.copyright-link{float:right;}
.copyright-btn{float:right;margin-top:140px;}
.copyright-btn a{display:block;width:35px;height:35px;float:left;margin-left:10px;}
.copyright-btn a.footwx{background:url(../images/welchat2.jpg) no-repeat center;}
.copyright-btn a.footwx:hover{background:url(../images/welchat2_on.png) no-repeat center;}
.copyright-btn a.qq{background:url(../images/welchat2.jpg) no-repeat center;}
.copyright-btn a.qq:hover{background:url(../images/welchat2.jpg) no-repeat center;}
.footertel{font-size:18px;font-family:arial;height:35px;line-height:35px;padding-left:20px;background:url(../img/tel3.jpg) no-repeat left center;float:left;margin-top:23px;margin-left:20px;}
.footerindex ul{width:17.9%;}


.con-banner{ position:relative; overflow:hidden;}
.con-banner .mimg{ width:100%;}


.small-nav {
  background-color: #f6f6f6;
}
.small-nav li {
  padding:0 40px;
  float: left;
  height: 82px;
  line-height: 82px;
}
.small-nav li i {
  transition: all .3s;
}
.small-nav a {
  display: block;
  font-size: 16px;
  color: #666;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.small-nav li.on, .small-nav li:hover{
  background:#0149ab;
  color:#fff;
}
.small-nav li.on a, .small-nav li:hover a {
  color: #fff;
}


.fa {
  background: #fafafa;
}


.limit{
	max-width: 1440px;
	margin: 0 auto;
}
.content-text{
	text-align: left;
}
.content-text{
		position: relative;
}
.content-map{
		display: none;
}
.content-map.active{
		display: inline-block;
}
.mapbtn{
		font-size: 0;
		text-align: left;
		margin: 10px 0;
		cursor: pointer;
}
.mapbtn span{
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		color: #666666;
		cursor: pointer;
}
.mapbtn i{
		width: 15px;
		height: 15px;
		border: 1px solid #b1b1b1;
		border-radius: 3px;
		display: inline-block;
		vertical-align: top;
	    position: relative;
	    top: 5px;
	    right: 10px;
	    box-sizing: border-box;
		cursor: pointer;
}
.mapbtn.active span{
		color: #0149ab;
}
.mapbtn.active i{
		border: 1px solid #0149ab;
		background-color: #0149ab;
		background-image: url(../images/btngou.png);
		background-size: 100% 100%;
}
.mapnav{
		position: absolute;
		right: 0;
		display: inline-block;
		top: 300px;
		margin-top: -50px;
		z-index: 20;
}	
.mapimgline{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1;
}
.module4 .content-map{
	display: inline-block;
}
.module4 .icon{
	display: inline-block;
	position: absolute;

}
.module4 .icon img{
	max-width: 100%;
	max-height: 100%;
	width: 100%;
}
.module4 .icon .iconimg1{
	position: relative;
	z-index: 1;
}
.module4 .icon .iconimg2{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
    -webkit-animation: pointAnimations 2s linear infinite;
    -moz-animation: pointAnimations 2s linear infinite;
    -ms-animation: pointAnimations 2s linear infinite;
    animation: pointAnimations 2s linear infinite;
}
.module4 .icon{
    display: inline-block;
    position: absolute;
    width: 4.5%;
    font-size: 0;
    z-index: 2;
}
.module4 .icon p{
	font-size: 18px;
	color: #000;
	line-height: 1.4;
	white-space:nowrap;
    position: absolute;
    left: 120%;
    top: 25%;
}

.module4 .icon0{
    right: 17.3%;
    top: 43.5%;
}
.module4 .iconblue{
	width: 3.5%;
}
.module4 .icon1{
    left: 12.5%;
    top: 35.5%;
}
.module4 .icon2{
    left: 31%;
    bottom: 23%;
}
.module4 .icon3{
    left: 52%;
    bottom: 16%;
}
.module4 .icon4{
    top: 36.5%;
    left: 42.5%;
}
.module4 .icon5{
    top: 30.5%;
    left: 45.5%;
}
.module4 .icon6{
    top: 30%;
    left: 50%;
}
.module4 .icon7{
    top: 38%;
    left: 49.5%;
}

.module4 .icon8{
    top: 12.7%;
    right: 45%;
}
.module4 .icon9 {
    top: 77.0%;
    left: 83%;
}

.module4 .icon10{
    top: 36.7%;
    right: 10.9%;
}
.module4 .icon4 p{
	bottom: -80%;
    top: unset;
    left: -10%;
    right: unset; 
}
.module4 .icon5 p{
	top: -20%;
    right: 120%; 
    left: unset;
}

.cpzs_con1_u1{font-size: 0; margin:60px auto 0px auto;}
.cpzs_con1_u1 li{display: inline-block;vertical-align: top;width:23%;margin-right: 2.6%;position: relative;text-align: center;margin-bottom: 40px;}
.cpzs_con1_u1 li:nth-child(4n){margin-right: 0;}
.cpzs_con1_u1 li img{width: 100%;}
.cpzs_con1_u1 li a span{display: block;}
.cpzs_con1_u1 li a{display: block;position: relative;text-align: center;background: #e3e7ea;box-sizing: border-box;border: 1px solid #dedede;padding: 5px;}
.cpzs_con1_u1 li a:after{content: '';display: block;width: 0%;height: 1px;background:#0149ab;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a:before{content: '';display: block;width: 1px;height: 0%;background:#0149ab;position: absolute;right: 0;top: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:after{content: '';display: block;width: 0%;height: 1px;background:#0149ab;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a span:before{content: '';display: block;width:1px;height: 0%;background:#0149ab;position: absolute;left: 0;bottom: 0;transition: 0.5s ease-out;z-index: 2;}
.cpzs_con1_u1 li a:hover:after,.cpzs_con1_u1 li a:hover span:after{width: 100%;}
.cpzs_con1_u1 li a:hover:before,.cpzs_con1_u1 li a:hover span:before{height: 100%;}



.cpzs_con1_u1 li a span img{max-width:100%;transform: translateX(0);}
.sec3_right_div{box-sizing: border-box;padding:28px 35px 40px;}
.sec3_right_div h1{font-size: 17px;color: #2c3238;transition: 0.3s ease-out;}
.sec3_right_div p{position: relative;margin-top: 5px;}
.sec3_right_div p:after{content: '';display: block;width: 100%;height: 1px;background: #cecfd1;position: absolute;top: 50%;left: 0;}
.sec3_right_div p font{display: inline-block;font-size: 14px;color:#a7acb5;background: #e3e7ea;box-sizing: border-box;padding: 0 15px;z-index: 2;position: relative;}
.cpzs_con1_u1 li a i{display: block;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 50%;background: #0149ab;
position: absolute;bottom: -20px;left: 50%;margin-left: -22px;z-index: 3;transition: 0.3s ease-in-out;transform: translateY(20px);opacity: 0;}
.cpzs_con1_u1 li a i img{transition: 0.3s ease-out;transform:translateX(0px);width: auto;}
.cpzs_con1_u1 li a i:hover img{transform:translateX(0px) rotate(180deg);}
.cpzs_con1_u1 li a:hover i{transform: translateY(0);opacity: 1;}
.cpzs_con1_u1 li a:hover h1{color: #0149ab;}
.cpzs_con1 .xwpage {padding: 10px 0 30px;}

.cpzs,.alzs{background: white;}
.cpzs .gsjj_con1_div1,.alzs .gsjj_con1_div1{box-shadow: none;}
.alzs_con1{padding: 0;}
.sliwert{padding: 80px 0;}


.probootstrap-section{padding:0 0 2em 0;position:relative;z-index:2; height:100%; overflow:hidden;}
.probootstrap-section h2{ font-size:32px; font-weight:600;}
.text-center{ text-align:center;}
.probootstrap-section.probootstrap-section-sm{padding:3em 0}
.probootstrap-section.probootstrap-border-top{border-top:1px solid rgba(0,0,0,.1)}
.probootstrap-section.probootstrap-border-bottom{border-bottom:1px solid rgba(0,0,0,.1)}
.probootstrap-section>.container.probootstrap-border-top{padding-top:50px;border-top:1px solid rgba(0,0,0,.1)}
.probootstrap-cta,.probootstrap-footer{border-top:2px solid rgba(255,255,255,.1)}
.probootstrap-section.probootstrap-section-colored,.probootstrap-section.probootstrap-section-dark{background:#ddf0f3;background:-webkit-gradient(linear,left top,right top,from(#ddf0f3),to(#5068a9));background:linear-gradient(to right,#ddf0f3 0,#5068a9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=$firstcolor, endColorstr=$secondcolor, GradientType=1 )}
.probootstrap-section.probootstrap-section-colored .section-heading h2,.probootstrap-section.probootstrap-section-dark .section-heading h2{color:#fff}
.probootstrap-section.probootstrap-section-colored .section-heading p,.probootstrap-section.probootstrap-section-dark .section-heading p{color:rgba(255,255,255,.6)}
.probootstrap-section.probootstrap-section-colored .heading-with-icon,.probootstrap-section.probootstrap-section-colored .heading-with-icon i,.probootstrap-section.probootstrap-section-dark .heading-with-icon,.probootstrap-section.probootstrap-section-dark .heading-with-icon i{color:#5068A9}
.probootstrap-section.probootstrap-section-colored p,.probootstrap-section.probootstrap-section-dark .section-heading h2,.probootstrap-section.probootstrap-section-dark p{color:#fff}
.probootstrap-section.probootstrap-section-dark{background:#222;color:#fff}
.probootstrap-section.probootstrap-section-dark .section-heading p,.probootstrap-section.probootstrap-section-dark p{color:rgba(255,255,255,.6)}
.probootstrap-section.probootstrap-section-lighter{background:#f7f7f7}

.probootstrap-section.probootstrap-bg{background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding:8em 0}
.probootstrap-section.probootstrap-bg:before{position:absolute;content:"";background:rgba(0,0,0,.6);top:0;left:0;right:0;bottom:0;z-index:-1}
.probootstrap-section.probootstrap-bg .heading{margin-top:0;margin-bottom:10px;color:#fff;font-family:Abel,sans-serif;font-size:30px;line-height:30px}
.probootstrap-cta :last-child,.probootstrap-panel .panel .panel-body :last-child{margin-bottom:0}
.probootstrap-section.probootstrap-bg .sub-heading{font-size:20px;line-height:1.5;color:rgba(255,255,255,.7)}
.probootstrap-section.probootstrap-bg .container{position:relative;z-index:2}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;width:100%;height:auto;}
.page-title h1,.probootstrap-card .probootstrap-card-text .probootstrap-card-heading,.probootstrap-panel .panel .panel-title h3,h2,h4{margin:0em 0 .5em;line-height:1.2;font-weight:600;color:#323232; }

.col-md-6 {
    flex: 0 0 48%;
    max-width: 48%;
}


.pro_content {
  width: 100%;
  height:100%;
  overflow:hidden;
  margin: 50px auto;
}

.pro_content .pro_pic {
  width: 45%;
  float: left;
}

.pro_content .pro_text {
  width: 51%;
  float: left;
  padding-left: 4%;
}

.pro_content .pro_text h3 {
  font-weight: normal;
  margin-top: 5px;
  line-height: 22px;
  font-size: 18px;
  color: #004b93;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}

.pro_content .pro_text .text {
  width: 100%;
  margin-top: 12px;
}

.pro_content .pro_text .text p {
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 12px;
}

.pro_content .pro_text .text a {
  width: 100px;
  height: 32px;
  font-size: 14px;
  margin-top: 10px;
  display: block;
  color: #fff;
  line-height: 32px;
  background: url(../images/sanj.png) no-repeat 5px center #004b93;
  background-size: 16px;
  padding-left: 24px;
}

.pro_content .pro_text .text a:hover {
  background: url(../images/sanj.png) no-repeat 5px center #1f68ad;
  background-size: 16px;
}
.page_content{ height:auto; overflow:hidden;}
.pages { margin-bottom:40px;}
.pages .pagination {
  text-align: center;
  height: auto;
}
.pages .pagination a {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  float: none;
  display: inline-block;
}
.pages .pagination p {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  float: none;
  display: inline-block;
}

div.zoomDiv {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  border: 1px solid #ddd;
  display: none;
  text-align: center;
  overflow: hidden;
  font-size: 0;
}

div.zoomDiv img {
  max-width: none;
}

div.zoomMask {
  position: absolute;
  background: url(../images/mask.png) repeat scroll 0 0 transparent;
  cursor: move;
  z-index: 1;
  max-width: 200px !important;
  max-height: 200px !important;
}

.img-center {
  text-align: center;
  font-size: 0;
}

.img-center img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.pc-slide {
  width: 100%;
  margin: 0 auto;
}

.pc-slide .view {
  border: 1px solid #ddd;
}

.pc-slide .view .swiper-slide {
  width: 100%;
}

.pc-slide .view .swiper-slide .imgauto {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.pc-slide .preview {
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.pc-slide .preview .swiper-container {
  width: 80%;
  margin: 0 10%;
}

.pc-slide .preview .swiper-slide {
  width: 25%;
  padding: 5px;
}

.pc-slide .preview .swiper-slide .imgauto {
  width: 100%;
  border: 1px solid #ddd;
}

.pc-slide .preview .swiper-slide .imgauto img {
  display: block;
  max-width:100%;
}

.pc-slide .preview .active-nav .imgauto {
  border: 1px solid #4576be;
}

.pc-slide .preview .arrow-left {
  background: url(../images/feel3.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}

.pc-slide .preview .arrow-right {
  background: url(../images/feel4.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}

.page_title {
  background:#e7e7e7;
}

.page_title h3 {
  width: 140px;
  height: 42px;
  font-size: 18px;
  margin-top: 10px;
  display: block;
  color: #fff;
  line-height: 42px;
  text-align: center;
  font-weight: normal;
  background: -webkit-linear-gradient(left, #0f74ac , #179e97); 
  background: -o-linear-gradient(right,  #179e97, #0f74ac); 
  background: -moz-linear-gradient(right,  #179e97, #0f74ac); 
  background: linear-gradient(to right,  #179e97, #0f74ac);
}
.page_title h3 a:hover{
  color: #fff;
}

.page_title_1{ 
  float:right;
  margin-bottom:60px;
}
.page_title_1 h3 {
  width: 140px;
  height: 42px;
  font-size: 18px;
  margin-top: 10px;
  display: block;
  color: #fff;
  line-height: 42px;
  text-align: center;
  font-weight: normal;
  background: -webkit-linear-gradient(left, #0f74ac , #179e97); 
  background: -o-linear-gradient(right,  #179e97, #0f74ac); 
  background: -moz-linear-gradient(right,  #179e97, #0f74ac); 
  background: linear-gradient(to right,  #179e97, #0f74ac);
}
.page_title_1 h3 a:hover{
  color: #fff;
}
#message {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  transform: scale(0);
  transition: .3s;
}
.messagebg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  z-index: 1001;
}
#message .m-content {
  margin-top: 10%;
}
#message .m-content .m-message {
  background: #fff;
  width: 580px;
  background: #fff;
  padding: 50px;
  margin: 0 auto;
  position: relative;
  z-index: 1002;
  box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.m-message {
  width: 494px;
  margin: 48px auto 0;
}
.m-message label {
  margin-bottom: 15px;
  display: block;
  font-size: 14px;
}
.m-message label em {
  display: block;
  float: right;
  color: red;
  height: 32px;
  line-height: 32px;
}
.m-message label span {
  width: 70px;
  height: 34px;
  line-height: 34px;
  color: #2F2F2F;
  float: left;
  font-weight: bold;
  text-align: right;
  margin-right: 10px;
  display: inline-block;
}
.m-message label input.inp,.m-message label textarea,.m-message label.code input {
  width: 77%;
  overflow: hidden;
  height: 32px;
  line-height: 32px;
  border: #cccccc 1px solid;
  border-radius: 3px;
  padding:0 14px;
  box-sizing: border-box;
  color: #555;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus,.m-message label textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea {
  height: 72px;
  line-height: 24px;
  padding:10px 14px;
}
.m-message label.code {
  line-height: 34px;
}
.m-message label.code input {
  width: 30%;
  float: left;
  margin-right: 30px;
}
.m-message label.code .pic {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 32px;
}
.m-message label.code img {
      width: auto;
    height: 35px;
  display: inline-block;
  vertical-align: middle;
}
.btn-1 input{
    width: 52px;
    height: 32px;
    line-height: 32px;
    background: #e8e8e8;
    border: none;
    color: #333;
    margin-right: 22px;
    cursor: pointer;
    transition: 0.3s;
}
.btn-1{
    padding-left: 80px;
}
.btn-1 input.focus{
    background: #007ccb;
    color: #fff;
}
.btn-1 input.focus:hover{
    background: #444;
}
.btn-1 input:hover{
    background: #ccc;
}

.develop {
        padding: 78px 0;
        background: #f9f9f9;
        width: 100%
    }

    .vision-title {
        font-size: 42px;
        color: #333;
        line-height: 60px;
        text-align: center;
        margin-bottom: 29px
    }

    .develop ul {
        width: 100%
    }

    .develop li {
        width: 32.1%;
        float: left;
        background: #fff;
        margin-left: 1.7%;
        transition: box-shadow .3s
    }

    .develop li:first-child {
        margin-left: 0
    }

    .develop li .pic {
        width: 100%
    }

    .develop li img {
        width: 100%;
        transition: transform .3s
    }

    .develop li .con {
        padding: 30px 8% 0 8%;
        min-height: 160px;
        display: block
    }

    .develop li h3 {
        font-size: 24px;
        color: #000;
        line-height: 43px
    }

    .develop li p.font {
        font-size: 14px;
        color: #666;
        line-height: 30px
    }

    .culture {
        width: 100%;
        background: #fff;
        padding: 102px 0 100px;
        width: 100%
    }

    .culture ul {
        width: 100%;
        padding-top: 37px
    }

    .culture li {
        float: left;
        width: 25%;
        text-align: center
    }

    .culture li img {
        margin-bottom: 24px;
        max-width: 60%
    }

    .culture li h2 {
        font-size: 24px;
        color: #666;
        line-height: 43px
    }

    .culture li p {
        font-size: 16px;
        color: #666;
        line-height: 34px;
    }

    .action {
        padding: 90px 0 84px;
        background: #f9f9f9;
        width: 100%
    }

    .action ul {
        padding-top: 10px
    }

    .action li {
        width: 16%;
        float: left;
        height: 48px;
        font-size: 16px;
        color: #666;
        line-height: 30px;
        padding: 15px 4.5% 0px 4.5%;
        cursor: pointer;
        transition: background .3s
    }

    .action li span {
        color: #3778a8;
        margin-right: 4%
    }
	
	 .action li:hover {
        background: #eee
    }

.honor .tit{
  text-align:center; 
  padding:30px 0px;
}

.honor .tit h2{ 
  font-size:32px;
  color:#333;
  font-weight:600;
}

.honor .tit p{ 
  font-size:16px;
  padding-bottom:15px;
}

.honor .detail p{
  text-align:center;
  font-size:20px;
  font-weight:600;
  padding-bottom:10px;
}

.honor_con{ height:100%; overflow:hidden;}


.about-main2{height: 890px;width: 100%;overflow: hidden;}
.about-main2 .licheng-bg{background-color: rgba(255,255,255,.8);width: 100%;height: 100%;position: relative;}
.about-main2 .licheng-bg .warper{height: 100%;}
.about-main2 .licheng-bg img{height: 518px;position: absolute;bottom: 0px;left: 0;}
.about-main2 .ny-title{padding-top: 80px;}
.ny-title .title-en{font-size: 36px; color: #b4b4b4; font-family: arial; line-height: 36px; font-weight: normal;}
.ny-title .title-ch{font-size: 26px; color: #333333; margin: 15px 0; font-weight: normal;}
.ny-title i{display: block; width: 42px; height: 1px; background-color: #b5b5b5;}
.about-main2 .licheng-content{position: absolute;width: 100%;height: 100%;}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{width: 100%;height: 100%;}
.about-main2 .licheng-content ul li{width: 20%;float: left;height: 100%;}
.about-main2 .licheng-content ul li a{display: block;width: 100%;position: relative;height: 320px}
.about-main2 .licheng-content ul li .date{color: #0a3875;font-size: 30px;}
.about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line{margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item2 .line,.about-main2 .licheng-content ul li.item4 .line{margin-top: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{position: absolute;}
.about-main2 .licheng-content ul li .line{height: 250px;width: 1px;display: block;background-color: #0A3875;position: relative;left: 30px;}
.about-main2 .licheng-content ul li .lc-right{position: absolute;left: 30px;width: 400px;height:100%;display: table;}
.about-main2 .licheng-content ul li.item5 .lc-right{width: 200px;}
.about-main2 .licheng-content ul li.item2 .lc-right, .about-main2 .licheng-content ul li.item4 .lc-right{width: 400px;}
.about-main2 .licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .licheng-content ul li.item1 a{top: 50px;}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item1 .lc-right{bottom: 68px;}
.about-main2 .licheng-content ul li.item2 a{top: 258px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-right{top: 80px;}
.about-main2 .licheng-content ul li.item3 a{top: 136px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 100px;}
.about-main2 .licheng-content ul li.item4 a{top: 278px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-right{top: 70px;}
.about-main2 .licheng-content ul li.item5 a{top: 99px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item5 .lc-right{bottom: 100px;}
.about-main2 .licheng-content .right-text h3{font-size: 24px; line-height:30px; margin-bottom: 10px;}
.about-main2 .licheng-content .right-text p{font-size: 16px;}
.lc-swiper-btn{width: 100%;position: absolute;top: 370px;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 15px;top: 50px;}
.lc-swiper-btn .btn-next{position: absolute;right: 0;top: 50px;}
.lc-swiper-btn .iconfont{font-size: 30px;}

.content_tit{ margin:0px auto 40px auto;}
.content_tit h3 {
  font-size: 24px;
  color: #000;
  padding: 3px 0;
  line-height: 1.7em;
  text-align: center;
  font-weight: bold;
}

.content_tit p {
  width: 100%;
  text-align: center;
  padding: 10px 0 15px;
  border-bottom:1px solid #e5e5e5;
}

.content_tit p span {
  line-height: 21px;
  font-size: 14px;
  color: #666;
  margin: 0 5px;
}

.content_des {
  width: 100%;
  border: 1px dotted #E5E5E5;
  padding: 5px;
  margin-bottom: 10px;
  text-indent: 24px;
}

.content_des p {
  font-size: 13px;
  color: #868686;
  line-height: 24px;
}

.show_pages {
  padding-top: 20px;
  border-top:1px solid #e5e5e5;
  margin-top:40px;
  margin-bottom:40px;
}

.show_pages p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 6px;
}

.show_pages p a {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.content p {
  font-size: 16px;
  line-height: 28px;
  margin-top: 15px;
}

.content img {
}

.content_1 p {
  font-size: 16px;
  line-height: 26px;
  text-indent:2em;
  color:#666;
}

.content_1 img {
}
.content_1 p img {
  text-indent:-2em;
}

.hot_new{ margin-bottom:100px;}
.page_title_1{ 
  float:right;
}
.page_title_1 h3 {
  width: 140px;
  height: 42px;
  font-size: 18px;
  margin-top: 10px;
  display: block;
  color: #fff;
  line-height: 42px;
  text-align: center;
  font-weight: normal;
  background: -webkit-linear-gradient(left, #0f74ac , #179e97); 
  background: -o-linear-gradient(right,  #179e97, #0f74ac); 
  background: -moz-linear-gradient(right,  #179e97, #0f74ac); 
  background: linear-gradient(to right,  #179e97, #0f74ac);
}
.page_title_1 h3 a{ color:#fff;}
.page_title_1 h3 a:hover{
  color: #fff;
}


.competition {
	background: #f7f7f7;
	}
.wish-wrap {
		padding: 98px 0 96px;
		background: #fff;
}
.inner-titles {
			top: 100px;
	}
.inner-title-h4 {
		font-size: 30px;
		line-height: 30px;
		color: #222;
	}
.inner-title-h5 {
		font-size: 18px;
		line-height: 30px;
		margin: 9px 10px 40px 10px;
		color: #222;
	}
.inner-title-h5 em{
		display: inline-block;
		width:54px;
		height:4px;
		text-align:center;
		background:#f28d01;
		margin-top:40px;
		}
.inner-title-h6 {
		font-size: 16px;
		line-height: 30px;
		color: #777;
		padding:0 8px;
	}
.core-wrap .co-titles {
		background:#004b93;
		color:#fff;
		height:380px;
	}
.competition .co-titles{
     padding:80px 0 50px 0px;
}
.core-items {
		width: 30%;
		margin: 0 1.5%;
	}
.core-items3 {
		margin-right: 0;
	}
.co-titles {
    font-size:30px;
    line-height:30px;
		}
.co-titles .co-en-span {
		display: inline-block;
		margin-right: 10px;
	}
.core-txts {
		padding: 34px 40px 48px;
		box-sizing: border-box;
		background: #fff;
	}
.core-title {
		font-size: 24px;
		line-height: 24px;
		padding-bottom: 22px;
		color: #333;
		content: "";
		bottom: 0;
		}
.core-wrap .core-title:after{
		position:absolute;
		content:"";
		left:50%;
		bottom:0px;
		display:inline-block;
		width:32px;
		margin-left:-16px;
		height:2px;
		background:#bfbfbf;
}
.core-wrap .core-detail{
		font-size:14px;
		line-height:28px;
		color:#777;
		margin-top:30px;
		height:90px;
		overflow:hidden;
}
.w1280 {
      width:90%;
      margin:0 auto;
}
.core-items-wrap{ 
     margin-top:-280px;
     z-index:9;
}

.talents-img {
		width: 120px;
		margin: 0 auto 30px;
}
.talents-ul-wrap {
		height:100%;
		overflow:hidden;
		padding-bottom: 100px;
}
.talents-ul{ padding:30px 0px;}
.talents-li  {
		width: 27% !important;
		margin: 0 1.5% !important;
		min-height:326px;
		background: #fff;
		padding: 44px 1.5% 0 1.5%;
		box-shadow: 0 0 36px rgba(0,0,0,.1);
		list-style:none;
}
.talents-details {
		font-size: 15px;
		line-height: 30px;
		color: #666;
		max-height: 150px;
		overflow: hidden;
		margin-right:8px;
		text-align:justify;
}
.talents-h5 {
		font-size: 16px;
		line-height: 24px;
		color: #666;
		padding:0 20px 26px 20px;
}
.color-span {
		width: 100%;
		height: 4px;
		left: 0;
		bottom: 0;
}
.co-titles em{
		display: inline-block;
		width:54px;
		height:4px;
		text-align:center;
		background:#f28d01;
		margin-top:40px;
}
.dbl{ display:block;}
.poa{ position:absolute;}
.tec{
	text-align: center;
}
.por{
	position: relative;
}

.ft18{font-size: 18px;}
.f24{ font-size:24px;}
.f30{ font-size:30px;}
.f36{ font-size:36px; font-weight:bold;}
.lxwm{ background:#f2f2f2; padding:60px 0px;}
.contact_t{ text-align:center; color:#333; font-weight:bold; margin-bottom:3%; margin-top:4.5%;}
.contact_t span{ display:block; color:#999999; font-weight:normal; font-size:14px; margin-top:1%;}
.contact_one{ overflow:hidden; background:#fff; position:relative;}
.contact_one .contact_one_l{ max-width:550px; width:50%; float:left; overflow:hidden; color:#666666; font-size:16px;}
.contact_one .contact_one_l .cons{ max-width:490px; width:94%; margin:0 auto; overflow:hidden;}
.contact_one .contact_one_l .h2{ font-weight:bold; color:#333; margin-bottom:30px; padding-bottom:20px; margin-top:60px; position:relative;}
.contact_one .contact_one_l .h2:after{ content:""; position:absolute; left:0; bottom:0; height:2px; width:25px; background:#cccccc;}
.contact_one .contact_one_l .ul li{ line-height:48px; overflow:hidden; background-repeat:no-repeat; background-position:left center; padding-left:67px; margin-bottom:30px;}
.contact_one .contact_one_l .ul li a{color:#666666;}
.contact_one .contact_one_l .ul li a:hover{color:#e94001;}
.contact_one .contact_one_l .ul li.bgs1{ background-image:url(../images/contact_pic1.png);}
.contact_one .contact_one_l .ul li.bgs2{ background-image:url(../images/contact_pic2.png);}
.contact_one .contact_one_l .ul li.bgs3{ background-image:url(../images/contact_pic3.png);}
.contact_one .contact_one_l .ul li.bgs4{ background-image:url(../images/contact_pic4.png);}

.contact_one .contact_map{ overflow:hidden;}
.contact_map iframe{height: 578px;}

.contact_bg{ overflow:hidden; background:#fff;}
.feedback_div{ margin:0 auto; padding-top:3%; padding-bottom:5%; overflow:hidden; text-align:center; width:94%;}
.feedback_div label{ display:block; color:#333; text-align:left; margin-bottom:2%; font-size:16px;}
.feedback_div label.bgs2{ margin-bottom:1%;}
.feedback_div .divs{float:left; width:49%; margin-right:2%;margin-bottom:2%;}
.feedback_div .divs:nth-child(2n+0){ margin-right:0;}
.feedback_div .inputs2{ width:99%;  background:#f2f2f2; height:54px; line-height:54px; font-size:14px; color:#999; border:none; outline:none;  text-indent:3%; font-family:"微软雅黑";}
.feedback_div .inputs2:focus{ color:#333;}
.feedback_div select::-ms-expand { display: none; } 
.feedback_div .textarea{ padding:1%; width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ background:#f2f2f2; font-size:14px; font-family:"微软雅黑";border:none; outline:none;margin-bottom:2%; color:#999; height:170px;  }
.feedback_div .textarea:focus{ color:#333;}
.feedback_div .bnts2{-webkit-tap-highlight-color: transparent;  border: none; width:30%; max-width:150px;font-size: 14px; height: 46px; background: #e94001; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; margin:0 auto; margin-top:2%;transition:all 0.3s;}
.feedback_div .bnts2:hover{opacity:0.8;filter:Alpha(opacity=80);}


@media(max-width:1400px){
.w1520{ width:92%; margin:0 auto;}
.w1520_1{ width:92%;}
.swiper-index2-img{top:8%;}
}



@media screen and (max-width: 960px) {

/*联系我们*/
.contact_one .contact_one_l{ float:none; width:100%; margin-bottom:2%;}
.contact_one .contact_one_l .h2{ margin-top:7%; margin-bottom:5%;}
.contact_one .contact_one_l .ul li{ margin-bottom:4%;}
.contact_map iframe{ height:400px;}

}


@media screen and (max-width: 640px) {

.ad-box-pc {
display: none;
}

.ad-box-pc-m {
display: block;
margin-top:0;
}

.top-banner{ position:relative;}

.col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.col-lg-3 {
    width: 100%;
}

.syv .syvideo {width: 45%;position: relative;overflow: hidden;padding: 60px 2%;}

.g-sec45{ display:none;}

.index-main .module2{ margin-bottom:20px;}

.i-sec-wrap .img-box {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.i-sec-wrap .right-cont {
  width: 98%;
  margin-right: 0;
  color: #fff;
  padding-top: 28px;
}
.i-sec-wrap .left-cont {
  width: 98%;
  margin-left: 2%;
  color: #fff;
  padding-top: 28px;
}
.i-sec-wrap .right-cont .link-box{
  margin-top: 36px;
  margin-bottom: 30px;
}
.i-sec-wrap .left-cont .link-box{
  margin-top: 36px;
  margin-bottom: 30px;
}


.news-recommend-list li {
  float:left;
  width: 97.5%;
  margin-right: 0;
  transition: box-shadow 0.3s ease 0s;
}


/*企业文化*/
.develop {
        padding: 18px 0 28px 0;
        background: #f9f9f9;
        width: 100%
    }

    .vision-title {
        font-size: 28px;
        color: #333;
        line-height: 60px;
        text-align: center;
        margin-bottom: 29px
    }

    .develop ul {
        width: 100%
    }

    .develop li {
        width: 100%;
        float: left;
        background: #fff;
        margin-left: 1.7%;
        transition: box-shadow .3s
    }

    .develop li:first-child {
        margin-left: 0
    }

    .develop li .pic {
        width: 100%
    }

    .develop li img {
        width: 100%;
        transition: transform .3s
    }

    .develop li .con {
        padding: 0 8% 8% 8%;
        display: block
    }

    .develop li h3 {
        font-size: 24px;
        color: #000;
        line-height: 43px;
		margin: 20px 0px 10px 0px;
    }

    .develop li p.font {
        font-size: 14px;
        color: #666;
        line-height: 30px
    }

    .culture {
        width: 100%;
        background: #fff;
        padding: 32px 0 0px;
        width: 100%
    }

    .culture ul {
        width: 100%;
        padding-top: 37px
    }

    .culture li {
        float: left;
        width: 100%;
		margin-bottom:50px;
        text-align: center
    }

    .culture li img {
        max-width: 60%
    }

    .culture li h2 {
        font-size: 24px;
        color: #666;
        line-height: 43px
    }

    .culture li p {
        font-size: 16px;
        color: #666;
        line-height: 22px;
		height:50px;
    }

    .action {
        padding: 20px 0 84px;
        background: #f9f9f9;
        width: 100%
    }

    .action ul {
        padding-top: 0px
    }

    .action li {
        width: 50%;
        float: left;
        height: 48px;
        font-size: 16px;
        color: #666;
        line-height: 30px;
        padding: 15px 2.5% 0px 2.5%;
        cursor: pointer;
        transition: background .3s
    }

    .action li span {
        color: #3778a8;
        margin-right: 4%
    }
	
	 .action li:hover {
        background: #eee
    }
	
/*产品展示*/
.cpzs_con1_u1 li{display: inline-block;vertical-align: top;width:100%;margin-right: 0;position: relative;text-align: center;margin-bottom: 40px;}
.cpzs_con1_u1 li:nth-child(2n){margin-right: 0;}
.sec3_right_div{ padding:8px 5px 10px}
.sec3_right_div h1{font-size: 14px;color: #2c3238;transition: 0.3s ease-out;}


.pro_content .pro_pic {
  width: 100%;
  float: left;
}

.pro_content .pro_text {
  width: 100%;
  float: left;
  padding-left: 0;
}


/*人才理念*/
.core-items {width: 100%;margin: 0 0;}
.talents-li  {width: 100% !important;margin: 0 0 30px 0 !important;min-height:326px;background: #fff;padding: 44px 1.5% 0 1.5%;box-shadow: 0 0 36px rgba(0,0,0,.1);list-style:none;}
.core-items-wrap{ margin-top:-280px;}


/*联系我们*/
.contact_one .contact_one_l{ font-size:14px;}
.contact_one .contact_one_l .h2{ padding-bottom:15px;}
.contact_one .contact_one_l .ul li{ background-size:36px 36px; line-height:36px; padding-left:50px;}
.contact_one .contact_one_l .ul li.bgs4{ line-height:26px; padding-top:5px; padding-bottom:5px;}
.contact_map iframe{ height:350px;}

/*底部*/
.footer{ padding: 10px 0 30px;background: url(../images/footer.jpg)center center/cover no-repeat local;}
.footer .footnav{padding:20px 0 15px 0;overflow:hidden;}
.footer .footnav ul{float:left; width:100%; display:block; padding:0px 10px;}
.footer .footnav ul li{ float:left;line-height:14px;font-size:14px;color:#fff;padding-right:15px;}
.footer .footnav ul li.dt{ display:block; width:100%; margin-top:25px;margin-bottom:5px;color:#fff; font-size:18px;}
.footer .footnav ul li a{color:#fff; font-size:14px;}
.footer .footnav ul li a:hover{color:#fff;}
.footer .footnav ul li.dd{display:block;line-height:30px;height:30px;}
.footer .contact{ display:none;}
.copyright{ display:block; line-height:26px; padding-top:15px;}
.m_copyright{ display:block;height:80px;line-height:26px;text-align:center;color:#fff;font-size:14px; background:#192b4e;}
.m_copyright a{color:#fff;}
.footerindex ul{width:19%;}
.footer .footnav .ul1{border-left:none !important;}
.footer .footnav .ul1 li{padding-left:0;}
.copyright-link{ display:none;}

}


@-webkit-keyframes pointAnimations {
  0% {
    /*-webkit-transform: rotate(0)*/
   transform: scale(0.2);
    opacity: 1;
  }
  50%{
    opacity: 1;
  }
  100% {
    /*-webkit-transform: rotate(360deg)*/
   transform: scale(1.1);
   opacity: 0;
  }
}
@-moz-keyframes pointAnimations {
  0% {
    /*-webkit-transform: rotate(0)*/
   transform: scale(0.2);
    opacity: 1;
  }
  50%{
    opacity: 1;
  }
  100% {
    /*-webkit-transform: rotate(360deg)*/
   transform: scale(1.1);
   opacity: 0;
  }
}

@-ms-keyframes pointAnimations {
  0% {
    /*-webkit-transform: rotate(0)*/
   transform: scale(0.2);
    opacity: 1;
  }
  50%{
    opacity: 1;
  }
  100% {
    /*-webkit-transform: rotate(360deg)*/
   transform: scale(1.1);
   opacity: 0;
  }
}

@keyframes pointAnimations {
  0% {
    /*-webkit-transform: rotate(0)*/
   transform: scale(0.2);
    opacity: 1;
  }
  50%{
    opacity: 1;
  }
  100% {
    /*-webkit-transform: rotate(360deg)*/
   transform: scale(1.1);
   opacity: 0;
  }
}

.module4 img.mapimgline{
	max-width: 100%;
}

	
@media(max-width:481px){
.fthead {

  padding-left: 3%;

  padding-right: 3%;

  padding-top: 20px;

  padding-bottom: 22px;

  background-color: #292b33;
  
  border-bottom:1px #3f4148 solid;

}

.fthead p{

  font-size:16px;
  
  color:#ffffff;
  
  padding-top:10px;

}

}

.fttop {

  padding-left: 3%;

  padding-right: 3%;

  padding-top: 50px;

  padding-bottom: 112px;

  background-color: #292b33;

}


.body-wrap {

  width: 100%;

  position: relative;

  z-index: 1;

  transition: transform 0.8s ease-out 0s;

  opacity: 0;

  filter: alpha(opacity=0);

  background-color: #fff;

}



.body-wrap.on {

  transition: all 0.5s ease 0s;

  opacity: 1;

  filter: alpha(opacity=100);

}



.m-sub-menu {

  position: fixed;

  right: -100%;

  width: 66%;

  top: 0;

  z-index: 100;

  height: 100%;

  background-color: #fff;

  transition: all 0.74s ease 0s;

  z-index: 1005;

}

.m-sub-menu .top-box {

  height: 70px;

  line-height: 70px;

  padding: 0 8%;

  background: url(../images/navline.png) repeat-x center bottom;

  background-size: 1px 1px;

}

.m-sub-menu .top-box .stt {

  display: inline-block;

  font-size: 18px;

  color: #999;

  width: 80%;

}

.m-sub-menu .top-box .close {

  display: inline-block;

  width: 17px;

  height: 17px;

  background: url(../images/ico_37.png) no-repeat center;

  margin-top: 27px;

  cursor: pointer;

  transition: transform 0.3s ease 0s;

}



.sp ul li {

  background: url(../images/navline.png) repeat-x center bottom;

  background-size: 1px 1px;

  line-height: 70px;

  padding: 0 8%;

}

.sp ul li a {

  display: block;

  font-size: 18px;

  color: #333;

  position: relative;

}

.sp ul li a::before {

  content: "";

  display: block;

  width: 13px;

  height: 23px;

  background: url(../images/flex-next.png) no-repeat center;

  background-size: 13px 23px;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -12px;

}



.navlist ul li {

  background: url(../images/navline.png) repeat-x center bottom;

  background-size: 1px 1px;

  line-height: 70px;

}

.navlist ul li a {

  padding: 0 8%;

  font-size: 18px;

  color: #333;

  display: block;

}

.navlist ul li .navh {

  display: block;

  position: relative;

}

.navlist ul li .navh::before {

  content: "";

  display: block;

  width: 23px;

  height: 23px;

  background: url(../images/subnavjia.png) no-repeat;

  background-size: 23px 23px;

  position: absolute;

  right: 7.5%;

  top: 50%;

  margin-top: -12px;

}

.navlist ul li dl {

  display: none;

  background-color: #eee;

}

.navlist ul li dl dd {

  background: none;

}



.sublang {

  padding: 0 8%;

  background: url(../images/navline.png) repeat-x center bottom;

  background-size: 1px 1px;

}

.sublang a {

  display: none;

  height: 70px;

  line-height: 70px;

  color: #333;

  font-size: 18px;

}

.sublang a.cur {

  display: block;

}

 header .enght {
        font-size: 14px;
        color: #666;
        position: relative;
        z-index: 1;
        height: 100%;
        transition: color .3s, background .3s
    }

    header .enght a {
        color: #666;
        display: block;
        transition: color .3s
    }

    header .enght a.tit {
        padding-left: 15px;
        height: 100%;
        width: 100%;
        transition: color .3s, background .3s
    }

    header .enght .con {
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        background: #fff;
        width: 100%;
        padding-top: 20px;
        box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
        height: 80px;
        overflow: auto
    }

    header .enght .con a {
        font-size: 14px;
        height: 35px;
        text-align: center;
        line-height: 35px
    }

    header .enght .con::-webkit-scrollbar {
        width: 1px;
        background-color: #ececec
    }

    header .enght .con::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ececec
    }

    header .enght .con::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9271b
    }

    header .enght:hover {
    }

    header .enght:hover a.tit {
        color: #0149AB;
    }

    header .enght a:hover {
        color: #0149AB
    }



.subbot ul li {

  padding: 0 8%;

  background: #f3f3f5 url(../images/navline.png) repeat-x center bottom;

  background-size: 1px 1px;

  line-height: 70px;

  height: 70px;

}

.subbot ul li a {

  color: #2b2b2f;

}

.subbot ul li a i {

  display: inline-block;

  width: 40px;

  height: 40px;

  margin-right: 10px;

}

.subbot ul li a i img {

  width: 100%;

  height: 100%;

}

.m-sub-menu.left {

  right: 0;

  transition: all 0.84s ease 0s;

}

.body-wrap.left, header.left {

  transform: translateX(-66%);

  transition: all 0.8s ease-out 0s;

}


#video {

  position: fixed;

  background-color: #000000;

  height: 500px;

  width: 1000px;

  left: 50%;

  top: 50%;

  margin-left: -500px;

  margin-top: -250px;

  z-index: 102;

}

#close-video {

  position: relative;

  width: 40px;

  height: 40px;

  float: right;

  margin-top: -55px;

  margin-right: -55px;

  cursor: pointer;

  z-index: 102;

  background: url(../images/ico_37.png) no-repeat center;

  background-size: 28px 28px;

  transition:all 0.5s ease 0s;

}

#close-video:hover{

  transform:rotateZ(90deg);

  transition:all 0.5s ease 0s;

}

#videobox {

  width: 1000px;

  height: 500px;

  background-color: #000;

}


.vlayer {

  display: block;

  z-index: 101;

  top: 0px;

  left: 0px;

  position: fixed;

  height: 100%;

  width: 100%;

  opacity: 1;

  filter: alpha(opacity=100);

  background-color: #fff;

}



.yywxbox {

  display: none;

  background-color: transparent;

}



/*===============移动端视频中心=================*/

.mvideo{

  display: none;

}

.mvideo ul li{

  width: 100%;

}

.mvideo ul li .mvimg{

  display: block;

  width: 100%;

  position: relative;

}

.mvideo ul li video{

  width: 100%;

}

.mvideo ul li .mvimg img{

  width: 100%;

  height:100%;

}

.mvideo ul li .mvimg .mvmask{

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 4;

  background: url(../images/mask.png) repeat;

}

.mvideo ul li .mvimg b{

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -30px;

  margin-left: -30px;

  width: 60px;

  height: 60px;

  background: url(../images/syvi.png) no-repeat center;

  background-size: cover;

  z-index: 5;

}

.mvideo ul li .mvtx{

  padding-top:5%;

}

.mvideo ul li .mvtx h2{

  font-size: 18px;

  color: #333;

  line-height: 28px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  width: 100%;

}

.mvideo ul li .mvtx .tx{

  font-size: 12px;

  line-height: 24px;

  color: #666;

  margin-bottom: 5%;

}



@keyframes bannerbuIn {

  0% {

    opacity: 1;

    filter: alpha(opacity=100);

    transform: scale(1);

  }

  100% {

    opacity: 0;

    filter: alpha(opacity=0);

    transform: scale(3);

  }

}


@keyframes gradient{

  0%{

    opacity: 0.8;

  }

  100%{

    opacity:0;

  }

}


@-webkit-keyframes float {

  0% {

    top: 0px;

  }

  50% {

    top: 40px;

  }

  100% {

    top: 0px;

  }

}

@keyframes float {

  0% {

    top: 0px;

  }

  50% {

    top: 40px;

  }

  100% {

    top: 0px;

  }

}


@media only screen and (max-width: 767px){

.big-ban{width:100%;height:220px; position:relative;}
.big-ban .big-ban-img{width:100%;height:100%;background-size:100% 100%;}
.big-ban .big-ban-con{width:100%;position:absolute;top:15%;left:0;}
.big-ban .big-ban-con h3{font-size:25px; letter-spacing:2px;color:#fff;font-weight:500;text-align:center;line-height:100px;}
.big-ban .big-ban-con p{font-size:16px; letter-spacing:2px;color:#fff;text-align:center; padding:0px 10px;text-shadow: 0 0 8px #333;}
.big-ban .big-ban-con p span{ font-size:25px; color:#FFFFFF;text-shadow: 0 0 8px #333;}



}




@media(max-width:481px){

}

.lh-video i{ font-size:60px; color:#fff; line-height:40px; display:inline-block; transition:ease .65s;}
.lh-video h2{ color:#fff; margin-top:10px; transition:ease .65s;}
.lh-video{cursor:pointer; display:inline-block;}
.lh-video:hover i{transform:rotate(360deg);}
.lh-video:hover h2{color:#fff;}
.lh-video-layer{width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; display:none; background:#000;}
.lh-video-layer video{max-width:100%; max-height:100%; padding-top:40px;}
.lh-video-close{position:absolute; right:10px; top:10px; color:#fff;}
.lh-video-close i{font-size:24px;}
.lh-video-close:hover{color:#F9B10A;}


.ry_bg,.wechat_bg{position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;background:rgba(0,0,0,.8);opacity: 0;display: none;z-index: 100005;}
.ry_imgpic_box,.wechat_box{text-align: center;filter: alpha(opacity=0);opacity: 0;position: fixed;left: 0px;top: 0;z-index: 100006;display: none;width:100%;}
.ry_img{display: inline-block;margin: 0px auto;padding: 30px;max-width: 50%;max-height: 90%;position: relative;*display: inline;*zoom: 1; }
.ry_img img{width:100%;}
.wechat_box .ry_img img{max-width: 100%;}
.ry_gb{width: 50px;height: 50px;background: url('../images/ry_close.png') no-repeat center center;cursor: pointer;right: 0px;top: 0px;position: absolute; }